<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>	
	<style>  
	.menu {
		width:100%;
		height:35px;
		font-size:16px;
		font-family: "微软雅黑";
		}  
	.menu ul {
		padding:0px;
		list-style-type:none;
		}  
	.menu ul li {
		float:left;
		width:100px; 
		height:35px;
		line-height:35px;
		text-align:center;
		background:lightgray;
		border: 1px white solid;
		}  
	.menu ul li a {
		text-decoration:none;
		color:#000;
		display:block;
		}  
	</style>
	
	<body>
		<div class="menu">  
		  <ul>  
		    <li><a href="#">菜单1</a></li>  
		    <li><a href="#">菜单2</a></li>  
		    <li><a href="#">菜单3</a></li>  
		    <li><a href="#">菜单4</a></li> 
		  	  <ul>
     		 		<li><a href="#">二级栏目</a></li>
     		 	  	<li><a href="#">二级栏目</a></li>
      		 		<li><a href="#">二级栏目</a></li>
     		  		<li><a href="#">二级栏目</a></li>
     			</ul>
		    <li><a href="#">菜单5</a></li>  
		  </ul>  
		</div>
	</body>
</html>